﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>北京汉华国际大酒店</title>
<link rel="stylesheet" href="css/mian.css">
<link rel="stylesheet" href="css/style.css">

<!--<script type="text/javascript" src="script/jquery1.42.min.js"></script>-->
<script type="text/javascript" src="script/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="script/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="script/jssor.js"></script>
<script type="text/javascript" src="script/jssor.slider.js"></script>
<script type="text/javascript" src="script/ZoomPic.js"></script>
<script type="text/javascript" src="script/jquery.cycle2.min.js"></script>
<!--[if lte IE 8]>
 	<link rel="stylesheet" href="css/ie.css">

<script>
	$(function(){
		$('#pager span').css('background','url(image/dian.jpg) 0 0 no-repeat transparent;');
		$('#pager .cycle-pager-active').css('background','url(image/change-dian.jpg) 0 0 no-repeat transparent;');
		$('#pager span').click(function(){
			$('#pager span').css('background','url(image/dian.jpg) 0 0 no-repeat transparent;');
			$(this).css('background','url(image/change-dian.jpg) 0 0 no-repeat transparent;');
		});
	})
</script>
<![endif]-->
<!--[if IE 6]>
<script src="script/DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('img,.slideBox .prev_fix,.slideBox .next_fix,#focus_Box .prev,#focus_Box .next,.jssora03l, .jssora03r');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<script>
	$(function(){
		$('.forml').css('background','#999');
	})
</script>
<![endif]-->

<style type="text/css">
	
	.banner .ulactive{background: #000;}
</style>
<script>
	/*$(function(){

		function changesize(){
			var wid=jQuery(document.body).width();
			var hei=wid*(600/1580);
			var footer_content=50+hei;
			$('.banner').css('height',hei);
			$('#cycle_two').css('height',hei+50);

			$('#cycle_two img').css('height',hei);
			$('.forml').css('top',footer_content);
		}
		changesize();
		$(window).bind("resize", function(){
			changesize();
		});
		
	});*/
	$(function(){

		function changesize(){
			var wid=jQuery(document.body).width();
			var hei=wid*(600/1580);
			var footer_content=50+hei;
			$('.banner').css('height',hei+35);
			$('#cycle_two').css('height',hei+50+35);

			$('#cycle_two img').css('height',hei+35);
			$('.forml').css('top',footer_content);
		}
		changesize();
		$(window).bind("resize", function(){
			changesize();
		});
		
	});

</script>		
<script>
    var browser = {
		versions : function() {
			var u = navigator.userAgent, app = navigator.appVersion;
			return {//移动终端浏览器版本信息                                                              
			mobile : (!!u.match(/AppleWebKit.*Mobile/) || !!u.match(/Windows Phone/) || !!u.match(/Android/) || !!u.match(/MQQBrowser/)) && !u.match(/iPad/)//是否为移动终端                                 
			};
		}()
	}
	if(browser.versions.mobile){
		window.location.href="./m";
	}
</script>
<script>
	$(function(){
		$('#cycle_two').cycle();
	})
</script>
<script>
        jQuery(document).ready(function ($) {
            var options = {
                $AutoPlay: false,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
                $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                $PauseOnHover: 1,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                $ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                $SlideDuration: 160,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                $SlideWidth: 160,                                   //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                $SlideHeight: 160,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                $SlideSpacing: 3, 					                //[Optional] Space between each slide in pixels, default value is 0
                $DisplayPieces: 5,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                $ParkingPosition: 0,                              //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 0,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                },

                $ArrowNavigatorOptions: {
                    $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
                    $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 2,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                }
            };

            var jssor_slider1 = new $JssorSlider$("slider1_container", options);

            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
                var bodyWidth = document.body.clientWidth;
                if (bodyWidth)
                    jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1102));
                else
                    window.setTimeout(ScaleSlider, 30);
            }
            ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>
</head>

<body style="position: relative; ">
	<!--<div class="head_t">
		<div class="header_fix">
			<p>
				<span id="logo_title">欢迎光临北京汉华国际饭店~ </span>
				<span>
					<a href="#">简体中文</a>
					<a href="#">ENGLISH</a>
				</span>
				<span>
					<a href="#">登陆</a>
					<a href="#">注册</a>
				</span>
			</p>
		</div>
	</div>
	<div class="header_container">
		<div id="header" class="header_fix" style="height:auto;">
			<div class="head_b" style="z-index:1000;">
				<img title="北京汉华国际大酒店" src="image/logo.jpg">
				<ul>
					<li class="In-active">
						<a href='index.html'>网站首页</a>
					</li>
					<li>
						<a href='about.html'>关于酒店</a>
					</li>
					<li>
						<a href='room.html'>客房与套房</a>
					</li>
					<li>
						<a href='Meeting.html'>会议与宴会</a>
					</li>
					<li>
						<a href='Restaurant.html'>美食</a>
					</li>
					<li>
						<a href='Entertainment.html'>婚宴</a>
					</li>
					<li>
						<a href='health.html'>健康与休闲</a>
					</li>
					<li>
						<a href='Tourism.html'>周边旅游</a>
					</li>
					<li>
						<a href='Contactus.html'>联系我们</a>
					</li>
				</ul>
			</div>
		</div>
	</div>-->


	<!--<div class="head_t">
		<div class="header_fix" style="position:relative;overflow:hidden;">
			<img title="北京汉华国际大酒店" src="image/logo_another.png">
				<span style="line-height:50px;margin:0; margin-right:5px;">
					<a style="padding:0 10px;color:#737373;" href="#">English</a>
				</span>
				<span style="display:block;height:10px;border-left:1px solid #737373;margin:0;margin-top:20px;"></span>
				<span style="line-height:50px;margin:0;">
					<a style="padding:0 10px;color:#737373;" href="#">简体中文</a>
				</span>
				<span style="display:block;height:10px;border-left:1px solid #737373;margin:0;margin-top:20px;"></span>
				<span style="line-height:50px;margin:0;">
					<a style="padding:0 10px;color:#737373;" href="#">注册</a>
				</span>
				<span style="display:block;height:10px;border-left:1px solid #737373;margin:0;margin-top:20px;"></span>
				<span style="line-height:50px;margin:0;">
					<a style="padding:0 10px;color:#737373;" href="#">登陆</a>
				</span>
		</div>
	</div>
	<div class="header_container header_container_another" style="overflow:hidden;background:#000;color:#fff;">
		<div id="header" class="header_fix" style="height:auto;">
			<div class="head_b" style="z-index:1000;">
				
				<ul>
					<li class="In-active">
						<a href='index.html'>网站首页</a>
					</li>
					<li>
						<a href='about.html'>关于酒店</a>
					</li>
					<li>
						<a href='room.html'>客房与套房</a>
					</li>
					<li>
						<a href='Meeting.html'>会议与宴会</a>
					</li>
					<li>
						<a href='Restaurant.html'>美食</a>
					</li>
					<li>
						<a href='Entertainment.html'>婚宴</a>
					</li>
					<li>
						<a href='health.html'>健康与休闲</a>
					</li>
					<li>
						<a href='Tourism.html'>周边旅游</a>
					</li>
					<li>
						<a href='Contactus.html'>联系我们</a>
					</li>
				</ul>
			</div>
		</div>
	</div>-->


	<!--另一个头部，兼容ie6-->
	<div style="background:#000;">
		<div class="header_fix" style="position:relative;height:72px;">
			<img title="北京汉华国际大酒店" src="image/logo_another.png" style="float:left;height:72px;width:154px;">
			<div style="height:72px;width:850px;overflow:hidden;float:right;">
				<div class="login_content" style="margin-top:12px;float:right;width:100%;">
					<a style="border-left:1px solid #7d8184;">English</a>
					<a style="border-left:1px solid #7d8184;">简体中文</a>
					<a style="border-left:1px solid #7d8184;">注册</a>
					<a>登陆</a>
				</div>
				<div class="login_footer" style="width:100%;float:right;height:72px;overflow:hidden;">
					<ul style="float:right;margin-top:5px;">
						<li class="In-active">
							<a href='index.html'>网站首页</a>
						</li>
						<li>
							<a href='about.html'>关于酒店</a>
						</li>
						<li>
							<a href='room_1.html'>客房与套房</a>
						</li>
						<li>
							<a href='Meeting_1.html'>会议与宴会</a>
						</li>
						<li>
							<a href='Restaurant_1.html'>美食</a>
						</li>
						<li>
							<a href='Entertainment.html'>婚宴</a>
						</li>
						<li>
							<a href='health.html'>健康与休闲</a>
						</li>
						<li>
							<a href='Tourism.html'>周边旅游</a>
						</li>
						<li>
							<a href='Contactus.html'>联系我们</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="centent" style="margin-bottom:50px;">
		<div id="bodyer">
			<div class="banner">
				<div id="cycle_two" class="cycle-slideshow" data-cycle-fx="fadeout" data-cycle-carousel-fluid="true" data-cycle-fx="flipVert" data-cycle-timeout="4000" data-cycle-pager-template="<span></span>" data-cycle-prev="#prev" data-cycle-next="#next" data-cycle-pager="#pager" style="height:577px;width:100%;overflow:hidden;">
					<div class="cycle-pager" id="pager" style="position:relative;height:50px;">
					</div>
				    <img src="image/banner_1.jpg">
				    <img src="image/banner_2.jpg">
				    <img src="image/banner_3.jpg">
				    <img src="image/banner_4.jpg">
				    <img src="image/banner_5.jpg">
				</div>
				<div class="forml" style="z-index:10000;">
					<form name="queryPriceForm" method="post" id="wuwufor">
						<input name="checkInDate" type="botton" id="checkInDate" class="int"  readonly=""  onfocus="WdatePicker({minDate:'%y-%M-%d}',isShowClear:false,readOnly:true})">
						<input name="checkOutDate" type="botton" id="checkOutDate" class="int" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'checkInDate\',{d:1})}',isShowClear:false,readOnly:true})" mindate="#Year#-#Month#-{#Day#+1}">
						<select name="roomNum"></select>
						<input type="text" value="促销代码">
						<img src="image/booking.jpg">
						<a href="#">订单查询</a>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class="Introduction clear header_fix">
		<h3>酒店简介
		</h3>
		<img style="width:711px;height:429px;" class="lazyload" src="images/grey.gif" data-original="image/Introduction.jpg" title="北京汉化国际大酒店；商旅人士居停首选">
		<div class="Introduction_b">
			<h4>汉华国际饭店</h4>
			<p>北京汉华国际饭店坐落于东城区西滨河路26号，是一家集餐饮、会议、客房、娱乐、写字楼于一体的五星级汉文化主题商务饭店。拥有360间（套）豪华舒适的客房，风格典雅的餐厅、富丽堂皇的宴会厅、设施完善的健身娱乐中心，是商务出行和休闲度假的理想之选。</p>
			<p>饭店地理位置优越、交通便捷，距首都国际机场30分钟，北京火车站20分钟车程，步行5分钟即到地铁站。饭店位于京城中轴线上，周边环境优美，护城河、什刹海环绕周围。毗邻北海、景山、钟鼓楼、雍和宫及地坛等著名景点，皇城美景尽收眼底。</p>
			<p>
				<a href="about.html">查看更多>></a>
			</p>
		</div>	
	</div>
	<div class="banquet header_fix">
		<div class="pop_left">
			<div class="pop_content">
				<h3 style="margin-top:30px;">幸福婚宴</h3>
				<div class="enter_tip">北京汉华国际饭店拥有精致的婚宴场地、美味的宴会菜品和注重细节的细致服务。</div>
				<div class="enter_detail">
					婚宴服务包括：
					<br/>量身定制的婚宴菜单和婚宴安排
					<br/>应新人要求的专属婚宴礼宾服务
					<br/>饭店宴会厅内铺设入场红地毯两条
					<br/>免费提供5层香槟塔及一瓶本地香槟酒
					<br/>免费提供2个十人圆台花
					<br/>免费赠送2层水果蛋糕一个
					<br/>免费提供两块幕布（120英寸），及相应投影仪
					<br/>免费提供音响设备和酒店调音师，音响设备包括：三支无线麦克、四支音箱、一台调音设备、一套VGA分配器）
					<br/>免费提供签到台一个
					<br/>免费提供婚宴指示牌（红纸黑字）
					<br/>免费提供新娘化妆间一间
					<br/>免费提供托盘两个
					<br/>免费提供盖碗茶杯
					<br/>免费提供婚房布置
					<br/>免费提供5个地上免费车位
				</div>
				<a href="Entertainment.html"><div class="enter_more">查看更多&nbsp;&nbsp;>></div></a>
			</div>
		</div>
		<div class="pop_right"></div>
		<div id="slideBox" class="slideBox">
			<!--<div class="hd">
				<ul><li>1</li><li>2</li><li>3</li></ul>
			</div>-->
			<div class="bd">
				<ul>
					<li><img src="image/kkk.jpg" /></li>
					<li><img src="image/www.jpg" /></li>
					<li><img src="image/qqq.jpg" /></li>
					<li><img src="image/sss.jpg" /></li>
					<li><img src="image/jjj.jpg" /></li>
				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<!--<a class="prev prev_fix" href="javascript:void(0)"></a>
			<a class="next next_fix" href="javascript:void(0)"></a>-->

		</div>
	</div>
	<div class="new new_fix header_fix">
		<h3>会议宴会
		</h3>
		<div id="focus_Box">
			<span class="prev sameslidertwo"><a style="height:50px;width:50px;display:block;'" href="javascript:void(0);"></a>&nbsp;</span>
			<span class="next sameslidertwo"><a style="height:50px;width:50px;display:block;'" href="javascript:void(0);"></a>&nbsp;</span>
			<ul id="slidertwo">
				<li>
					<img width="445" height="308" alt="十余间多功能厅能同时接纳不同规模的专业会议和主题宴会。 装饰高雅，配有音响、舞台等会议设备。" src="image/banquet.jpg" />
					<p>
						<span style="display:none;">十余间多功能厅能同时接纳不同规模的专业会议和主题宴会。 装饰高雅，配有音响、舞台等会议设备。</span>
						<a style="display:none;" href="#" class="imgs-scroll-btn">宴会厅 & 多功能厅</a>
						<strong style="display:none;">Meeting.html</strong>
					</p>
				</li>
				<li>
					<img width="445" height="308" alt="宏大华丽的无柱式宴会厅，是承办各种会议、宴会及婚礼的理想场所。635平方米的大宴会厅，可容纳300人同时就餐和500人的会议，配有音响和舞台的多功能厅可同时接纳不同规模的商务会议、主题宴会和产品展览活动。" src="image/banquet_banner1.jpg" />
					<p>
						<span style="display:none;">宏大华丽的无柱式宴会厅，是承办各种会议、宴会及婚礼的理想场所。635平方米的大宴会厅，可容纳300人同时就餐和500人的会议，配有音响和舞台的多功能厅可同时接纳不同规模的商务会议、主题宴会和产品展览活动。</span>
						<a style="display:none;" href="#" class="imgs-scroll-btn">未央宫大宴会厅</a>
						<strong style="display:none;">Meeting.html</strong>
					</p>
				</li>
				<li>
					<img width="445" height="308" alt="十多余间大小不同规模的多功能会议室，提供数字会议系统，设施齐全，是承办大型活动、各种会议的理想场所。" src="image/banquet_banner3.jpg" />
					<p>
						<span style="display:none;">十多余间大小不同规模的多功能会议室，提供数字会议系统，设施齐全，是承办大型活动、各种会议的理想场所。</span>
						<a style="display:none;" href="#" class="imgs-scroll-btn">多功能厅</a>
						<strong style="display:none;">Meeting.html</strong>
					</p>
				</li>
				
			</ul>
		</div>
		<div class="slider_content_container">
			<div class="detail_content">
				<div id="slidertwo_title" class="detail_content_title">
					<div class="right_content_title">宴会厅 & 多功能厅</div>
				</div>
				<div id="slidertwo_body" class="detail_content_body">十余间多功能厅能同时接纳不同规模的专业会议和主题宴会。 装饰高雅，配有音响、舞台等会议设备。</div>
				<a id="link_detail" href="Meeting.html">
					<div id="slidertwo_footer" class="detail_content_footer">查看更多&nbsp;&nbsp;>></div>
				</a>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
<div style="background:#f8f8f8;padding:1px 0 30px 0;">
	<div class="healthy header_fix" style="background:#f8f8f8;">
		<div class="healthy_left">
			<h3>安心睡眠</h3>
			<img class="lazyload" src="images/grey.gif" data-original="image/healthy.jpg">
			<div class="img_introduce">
				<!--<h4>安心睡眠</h4>-->
				<div style="width:320px;">睡眠其实不光是生理行为，还是一种主体的心理行为。事实证明，情绪焦虑、紧张，长期处于强烈压迫感之下的人，都会出现睡眠问题。如果不能及时调节，很可能会造成神经衰弱等心理疾病。 <br/>
				要提高睡眠质量首先应该学会正确的引导自己的心理，舒缓自己的情绪，不要让负面情绪占据主导地位，学会不以物喜不以己悲的人生态度，对自己的睡眠生活都会有着很好的帮助。
				</div>
				<p>
					<a class="more_btn" href="#" style="display:none;">查看更多>></a>
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="healthy_right">
			<h3>优惠促销</h3>
			<div class="discount_content">
				优惠信息内容在此处写
				优惠信息内容在此处写
				优惠信息内容在此处写
				优惠信息内容在此处写
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
		<!--<div class="healthy_b">
			<p>睡眠其实不光是生理行为，还是一种主体的心理行为。事实证明，情绪焦虑、紧张，长期处于强烈压迫感之下的人，都会出现睡眠问题。如果不能及时调节，很可能会造成神经衰弱等心理疾病。 </p>
			<p>要提高睡眠质量首先应该学会正确的引导自己的心理，舒缓自己的情绪，不要让负面情绪占据主导地位，学会不以物喜不以己悲的人生态度，对自己的睡眠生活都会有着很好的帮助。你可以向身边的朋友亲人倾诉自己的遭遇，对着镜子一个人放声的哭泣，或者去马路上跑上一圈，都能够起到很好的舒缓情绪的作用。</p>
			<p>当然睡眠问题也是一个生理问题，心理是一种主观可控的因素，只要好好的开到疏泄就能很好的解决。但是生理问题要么靠着身体自己的修复，要么就是靠着外界治疗、调理。</p>
			<p>
				<a href="#">查看更多>></a>
			</p>
		</div>
		<img src="image/healthy.jpg">-->
	</div>
</div>
	<div class="picture header_fix">
		<h3>图片&视频
		</h3>
		<div class="slider_img_container">
			<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 809px; height: 150px; overflow: hidden;">
	        <!-- Slides Container -->
		        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 809px; height: 150px; overflow: hidden;">
		            <!--<div><img u="image" src="image/aaa.jpg" /></div>
		            <div><img u="image" src="image/bbb.jpg" /></div>-->
		            <div><img u="image" src="image/ccc.jpg" /></div>
		            <div><img u="image" src="image/ddd.jpg" /></div>
		            <div><img u="image" src="image/eee.jpg" /></div>
		            <div><img u="image" src="image/fff.jpg" /></div>
		            <div><img u="image" src="image/ggg.jpg" /></div>
		            <div><img u="image" src="image/hhh.jpg" /></div>
		            <div><img u="image" src="image/iii.jpg" /></div>
		            <div><img u="image" src="image/aaaaaaa.jpg" /></div>
		            <div><img u="image" src="image/bbbbbbb.jpg" /></div>
		            <div><img u="image" src="image/ccccccc.jpg" /></div>
		            <div><img u="image" src="image/ddddddd.jpg" /></div>
		            <div><img u="image" src="image/eeeeeee.jpg" /></div>
		            <div><img u="image" src="image/a1.jpg" /></div>
		            <div><img u="image" src="image/a2.jpg" /></div>
		            <div><img u="image" src="image/a3.jpg" /></div>
		            <div><img u="image" src="image/a4.jpg" /></div>
		            <div><img u="image" src="image/a5.jpg" /></div>
		            <div><img u="image" src="image/a6.jpg" /></div>
		            <div><img u="image" src="image/fffffff.jpg" /></div>
		            <div><img u="image" src="image/a7.jpg" /></div>
		            <div><img u="image" src="image/a8.jpg" /></div>
		            <div><img u="image" src="image/a9.jpg" /></div>
		        </div>
		        <!-- Arrow Left -->
		        <span u="arrowleft" class="jssora03l" style="top: 123px; left: 8px;"><a style="height:50px;width:50px;display:block;'" href="javascript:void(0);"></a>
		        </span>
		        <!-- Arrow Right -->
		        <span u="arrowright" class="jssora03r" style="top: 123px; right: 8px;"><a style="height:50px;width:50px;display:block;'" href="javascript:void(0);"></a>
		        </span>
	    	</div>
		</div>
	</div>
	<div class="footer_container" style="overflow:hidden;">
		<div id="footer"> 
			<div class="foot_t clear">
				<div class="foot_l">
					<h5>联系我们</h5>
					<ul style="text-indent:1em;">
						<li>酒店总机：86 10 58139988</li>
						<li>销售部电话：86 10 58139711</li>
						<li>预订部电话：86 10 58139710</li>
						<li>酒店传真：86 10 58139999</li>
						<li>预订部传真：86 10 58139777</li>
						<li>地址：北京市东城区安外滨河路26号</li>
					</ul>
				</div>
				<img src="image/logo.png" style="margin-top:55px;">
				<div class="attention">
					<h5 style="text-indent:80px;">关注我们</h5>
					<div style="width:100%;overflow:hidden;"><img src="image/ooooooo.jpg" style="width:76px;height:76px;margin-right:1em;margin-top:16px;float:right;"/></div>
					<a href="#"><img style="width:30px;height:30px;padding:0;margin-left:70px;margin-top:16px;" src="image/btn_1.png"></a>
					<a href="#"><img style="width:30px;height:30px;padding:0;margin-left:12px;margin-top:16px;" src="image/btn_2.png"></a>
					<a href="#"><img style="width:30px;height:30px;padding:0;margin-left:12px;margin-top:16px;" src="image/btn_3.png"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-footer">
		<div class="foot_f header_fix">
			<p><span style="float:left;">Copyright  2014 argylehotel.com All Right Reserved</span>
				<span>© 2015 北京汉华国际酒店版权所有  |  技术支持:
				<a href="http://www.eworldsoft.cn/" target="_blank">上海益沃软件有限公司</a> 
				</span>
			</p>
		</div>
	</div>
	<script>
		$(function () {
			$("img.lazyload").each(function(){
				$(this).attr('src',$(this).attr('data-original'));
			});/*.lazyload({
				preyimg: "images/grey.gif",
				loadfirst: true 
			});*/
		})
	</script>
</body>
<script type="text/javascript">
	var wid=jQuery(document.body).width();
		jQuery('.banquet').css('width',wid);
		if(wid>1102){
			var leftmove=(wid-1102)/2+425;
			var popright=wid-leftmove-672;
		}else{
			var leftmove=425;
			var popright=wid-leftmove-672;
		}
		jQuery('#slideBox').css('left',leftmove);
		jQuery('.pop_left').css('width',leftmove+2);
		jQuery('.pop_right').css('width',popright+5);
	jQuery(window).resize(function(){
		var wid=jQuery(document.body).width();
		jQuery('.banquet').css('width',wid);
		if(wid>1102){
			var leftmove=(wid-1102)/2+425;
			var popright=wid-leftmove-672;
		}else{
			var leftmove=425;
			var popright=wid-leftmove-672;
		}
		jQuery('#slideBox').css('left',leftmove);
		jQuery('.pop_left').css('width',leftmove+2);
		jQuery('.pop_right').css('width',popright+5);
	});

	jQuery(".slideBox").slide({mainCell:".bd ul",vis:3,effect:"fade",delayTime:5000,interTime:5000,autoPlay:true,trigger:"click"});
</script>
<script type="text/javascript">
	$(function(){
		changecontent();
		$('.sameslidertwo').bind('click',function(){
			changecontent();
		});
		$('#slidertwo li').bind('click',function(){
			changecontent();
		});
		
	});
	function changecontent(){
		setTimeout(function(){
			$('#slidertwo li').each(function(){
				var item=$(this).css("z-index");
				if(item==3){
					$('#slidertwo_body').text($(this).find('p>span').text());
					$('#slidertwo_title .right_content_title').text($(this).find('p>a').text());
					$('#link_detail').attr('href',$(this).find('p>strong').text())
				}
			});
		},500);
	}
</script>
</html>
